<template>
  <div>
    <el-carousel :height="`${carouselHeight}px`" 
      :interval="5000"
    >
      <el-carousel-item 
      v-for="(item,index) in $store.getters.advertising" 
      :key="'carousel'+index"
      >
        <!-- {{item}} -->
        <img v-if="item.url" style="height:100%" :src="item.url" :title="item.title">
        <span v-else-if="item">
          旺铺招租
          <svg t="1646991675607" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1662" width="32" height="32"><path d="M512.3 513.2m-446.9 0a446.9 446.9 0 1 0 893.8 0 446.9 446.9 0 1 0-893.8 0Z" fill="#75EAE4" p-id="1663"></path><path d="M512.3 980.1c-63 0-124.2-12.3-181.8-36.7-55.6-23.5-105.5-57.2-148.4-100.1-42.9-42.9-76.5-92.8-100.1-148.4-24.4-57.6-36.7-118.7-36.7-181.8S57.7 389 82.1 331.5c23.5-55.6 57.2-105.5 100.1-148.4C225 140.2 274.9 106.5 330.5 83c57.6-24.4 118.7-36.7 181.8-36.7 63 0 124.2 12.3 181.8 36.7 55.6 23.5 105.5 57.2 148.4 100.1 42.9 42.9 76.5 92.8 100.1 148.4 24.4 57.6 36.7 118.7 36.7 181.8S966.9 637.4 942.5 695c-23.5 55.6-57.2 105.5-100.1 148.4-42.9 42.9-92.8 76.5-148.4 100.1-57.5 24.3-118.7 36.6-181.7 36.6z m0-893.8c-57.6 0-113.6 11.3-166.2 33.5-50.8 21.5-96.5 52.3-135.7 91.5-39.2 39.2-70 84.9-91.5 135.7-22.3 52.6-33.5 108.5-33.5 166.2 0 57.6 11.3 113.6 33.5 166.2 21.5 50.8 52.3 96.5 91.5 135.7 39.2 39.2 84.9 70 135.7 91.5 52.6 22.3 108.5 33.5 166.2 33.5 57.6 0 113.6-11.3 166.2-33.5 50.8-21.5 96.5-52.3 135.7-91.5 39.2-39.2 70-84.9 91.5-135.7 22.3-52.6 33.5-108.5 33.5-166.2 0-57.6-11.3-113.6-33.5-166.2-21.5-50.8-52.3-96.5-91.5-135.7-39.2-39.2-84.9-70-135.7-91.5-52.7-22.2-108.6-33.5-166.2-33.5z" fill="#05C4CE" p-id="1664"></path><path d="M84.5 487.4a427.8 421.1 0 1 0 855.6 0 427.8 421.1 0 1 0-855.6 0Z" fill="#FFFFFF" p-id="1665"></path><path d="M234.042315 305.407032a28.2 52.5 87.699 1 0 104.915338-4.21567 28.2 52.5 87.699 1 0-104.915338 4.21567Z" fill="#75EAE4" p-id="1666"></path><path d="M685.644047 287.307278a28.2 52.5 87.699 1 0 104.915338-4.215669 28.2 52.5 87.699 1 0-104.915338 4.215669Z" fill="#75EAE4" p-id="1667"></path><path d="M450.9 294.2v2.3c0 43.8 27.5 79.4 61.4 79.4s61.4-35.5 61.4-79.4v-2.3H450.9z" fill="#05C4CE" p-id="1668"></path><path d="M512.3 980.1c-63 0-124.2-12.3-181.8-36.7-55.6-23.5-105.5-57.2-148.4-100.1-42.9-42.9-76.5-92.8-100.1-148.4-24.4-57.6-36.7-118.7-36.7-181.8S57.7 389 82.1 331.5c23.5-55.6 57.2-105.5 100.1-148.4C225 140.2 274.9 106.5 330.5 83c57.6-24.4 118.7-36.7 181.8-36.7 63 0 124.2 12.3 181.8 36.7 55.6 23.5 105.5 57.2 148.4 100.1 42.9 42.9 76.5 92.8 100.1 148.4 24.4 57.6 36.7 118.7 36.7 181.8S966.9 637.4 942.5 695c-23.5 55.6-57.2 105.5-100.1 148.4-42.9 42.9-92.8 76.5-148.4 100.1-57.5 24.3-118.7 36.6-181.7 36.6z m0-893.8c-57.6 0-113.6 11.3-166.2 33.5-50.8 21.5-96.5 52.3-135.7 91.5-39.2 39.2-70 84.9-91.5 135.7-22.3 52.6-33.5 108.5-33.5 166.2 0 57.6 11.3 113.6 33.5 166.2 21.5 50.8 52.3 96.5 91.5 135.7 39.2 39.2 84.9 70 135.7 91.5 52.6 22.3 108.5 33.5 166.2 33.5 57.6 0 113.6-11.3 166.2-33.5 50.8-21.5 96.5-52.3 135.7-91.5 39.2-39.2 70-84.9 91.5-135.7 22.3-52.6 33.5-108.5 33.5-166.2 0-57.6-11.3-113.6-33.5-166.2-21.5-50.8-52.3-96.5-91.5-135.7-39.2-39.2-84.9-70-135.7-91.5-52.7-22.2-108.6-33.5-166.2-33.5z" fill="#05C4CE" p-id="1669"></path><path d="M512.3 319c-20 0-37.2 13.1-44.7 31.9 11.2 15.4 27.1 25.1 44.7 25.1s33.5-9.7 44.7-25.1c-7.5-18.8-24.7-31.9-44.7-31.9z" fill="#75EAE4" p-id="1670"></path><path d="M368.3 258.4c-7.4 0-14.6-4.2-18-11.3-4.8-10-0.6-21.9 9.3-26.7l22.1-10.6L366 202c-9.9-4.9-14-16.8-9.2-26.8 4.9-9.9 16.8-14 26.8-9.2l52.8 25.8c6.9 3.4 11.2 10.4 11.2 18 0 7.7-4.4 14.6-11.3 18L377 256.4c-2.8 1.3-5.8 2-8.7 2zM656.3 258.4c-2.9 0-5.9-0.6-8.7-2l-59.2-28.5c-6.9-3.3-11.3-10.3-11.3-18 0-7.7 4.3-14.7 11.2-18l52.8-25.8c9.9-4.8 21.9-0.7 26.8 9.2 4.9 9.9 0.7 21.9-9.2 26.8l-15.7 7.7 22.1 10.6c10 4.8 14.1 16.7 9.3 26.7-3.6 7.1-10.7 11.3-18.1 11.3z" fill="#05C4CE" p-id="1671"></path></svg>
        </span>
        <span title="重新加载"
         @click="GET_ADVER"
         v-else
        >
          加载异常
          <svg t="1646991834318" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2107" width="32" height="32"><path d="M144.746667 239.466667c73.6-99.626667 188.906667-167.68 312.106666-181.44 137.6-18.346667 281.813333 31.573333 379.52 129.92C925.866667 277.333333 979.946667 405.973333 968.213333 533.12l-5.76 1.706667c-3.306667-1.6-9.813333-4.8-13.12-6.4-0.96-126.826667-50.24-254.4-147.306666-338.453334-127.466667-118.4-327.893333-144.213333-482.453334-65.493333-115.413333 57.28-203.733333 168.426667-230.08 294.826667-7.253333 34.346667-10.133333 69.333333-12.266666 104.213333-4.48 5.44-13.44 16.426667-17.92 21.866667l-4.586667 5.653333c-7.253333-110.186667 22.933333-223.253333 90.026667-311.573333z" fill="#EEA44F" p-id="2108"></path><path d="M319.573333 124.48c154.56-78.72 354.986667-52.906667 482.453334 65.493333 97.066667 84.053333 146.346667 211.626667 147.306666 338.453334-41.813333-22.72-90.346667-36.586667-138.026666-26.346667-31.04 6.186667-68.16 18.986667-79.253334 52.053333-0.64 23.786667 22.72 39.68 42.026667 48.533334 52.906667 23.253333 112.32 11.413333 165.44-4.693334-15.04 54.186667-38.186667 105.493333-66.453333 153.92-26.88-49.493333-77.866667-90.56-136.64-87.36-26.88-1.173333-48.746667 16.64-66.986667 34.133334 1.28-11.52 2.56-23.04 3.946667-34.56-114.453333-16.853333-209.173333-97.6-269.76-192.64-21.226667-35.84-32.96-76.16-47.573334-114.88-17.493333 3.306667-35.093333 6.506667-52.373333 10.666666 22.613333-24.213333 67.413333-53.76 49.28-91.2-35.946667-4.8-45.546667 43.946667-72.853333 60.693334-7.893333-1.6-23.786667-4.906667-31.786667-6.506667 23.573333-16.853333 53.013333-31.04 63.573333-60.16 14.613333-38.506667 19.626667-79.786667 26.56-120.213333-6.293333-8.426667-12.586667-16.853333-18.88-25.386667M526.933333 276.693333c16.96 50.346667 69.653333 87.466667 123.52 83.626667 20.373333 0.106667 57.706667 2.773333 48.533334-29.013333-15.146667-15.466667-40-5.653333-59.306667-9.386667-42.773333 1.92-66.346667-38.293333-90.88-66.346667-7.466667 6.826667-14.72 13.866667-21.866667 21.12m74.986667 187.733334c-23.146667 21.333333-15.253333 56.426667 3.306667 77.973333 17.28 19.093333 43.626667 14.08 65.813333 9.92l-0.32-2.346667c16.96-18.346667 35.626667-43.626667 22.186667-69.546666-13.12-36.586667-66.666667-47.68-90.986667-16z" fill="#FDED78" p-id="2109"></path><path d="M89.493333 419.306667c26.346667-126.4 114.666667-237.546667 230.08-294.826667 6.293333 8.533333 12.586667 16.96 18.88 25.386667-6.933333 40.426667-11.946667 81.706667-26.56 120.213333-10.56 29.12-40 43.306667-63.573333 60.16 8 1.6 23.893333 4.906667 31.786667 6.506667-24.746667 3.946667-49.813333 5.866667-74.24 11.413333-15.36 1.92-9.92 22.933333-14.506667 33.066667 37.866667 1.706667 76.16-1.6 112.32-13.973334 17.28-4.16 34.88-7.36 52.373333-10.666666 14.613333 38.72 26.346667 79.04 47.573334 114.88 60.586667 95.04 155.306667 175.786667 269.76 192.64-1.386667 11.52-2.666667 23.04-3.946667 34.56-7.04 7.573333-13.866667 15.253333-20.48 23.04-27.733333-6.506667-54.826667-18.346667-83.733333-17.493334-21.333333 4.053333-35.733333 22.613333-52.693334 34.453334-0.64-1.92-1.813333-5.76-2.453333-7.573334-16.106667-13.546667-31.04-32.213333-53.013333-35.2-27.306667 1.173333-52.48 14.293333-79.68 15.68-26.133333-17.706667-45.226667-48.533333-78.506667-53.44-73.813333-10.666667-145.493333 51.093333-157.44 122.453334-41.6-55.466667-67.2-121.28-80.64-188.906667 54.933333 18.453333 115.2 33.92 172.48 16 26.026667-6.4 42.24-29.333333 58.773333-48.533333l9.386667-11.52c26.346667-25.92 27.626667-73.386667-6.933333-92.693334-35.306667-21.653333-75.52 6.186667-85.76 41.92-45.013333 1.173333-91.2 5.013333-131.52 26.666667 2.133333-34.88 5.013333-69.866667 12.266666-104.213333z" fill="#FED575" p-id="2110"></path><path d="M526.933333 276.693333c7.146667-7.253333 14.4-14.293333 21.866667-21.12 24.533333 28.053333 48.106667 68.266667 90.88 66.346667 19.306667 3.733333 44.16-6.08 59.306667 9.386667 9.173333 31.786667-28.16 29.12-48.533334 29.013333-53.866667 3.84-106.56-33.28-123.52-83.626667z" fill="#9D2F04" p-id="2111"></path><path d="M280.106667 336.746667c27.306667-16.746667 36.906667-65.493333 72.853333-60.693334 18.133333 37.44-26.666667 66.986667-49.28 91.2-36.16 12.373333-74.453333 15.68-112.32 13.973334 4.586667-10.133333-0.853333-31.146667 14.506667-33.066667 24.426667-5.546667 49.493333-7.466667 74.24-11.413333z" fill="#9F3004" p-id="2112"></path><path d="M208.746667 496.853333c10.24-35.733333 50.453333-63.573333 85.76-41.92 34.56 19.306667 33.28 66.773333 6.933333 92.693334-3.733333-6.933333-11.413333-20.693333-15.146667-27.626667-22.293333-3.413333-40 10.026667-55.466666 24-4.586667-5.973333-8.96-12.16-13.12-18.56l-8.96-28.586667zM601.92 464.426667c24.32-31.68 77.866667-20.586667 90.986667 16 13.44 25.92-5.226667 51.2-22.186667 69.546666-1.28-7.786667-3.733333-23.146667-5.013333-30.933333-23.253333-2.453333-51.413333-3.733333-60.48 23.36-18.56-21.546667-26.453333-56.64-3.306667-77.973333z" fill="#1F1F1F" p-id="2113"></path><path d="M77.226667 523.52c40.32-21.653333 86.506667-25.493333 131.52-26.666667l8.96 28.586667c-39.146667-0.106667-81.706667-0.533333-110.72 30.4 16.746667 18.133333 37.013333 35.52 63.466666 34.453333 29.12 4.373333 50.346667-19.52 72.106667-34.56 16.426667 1.813333 32.96 2.773333 49.493333 3.413334-16.533333 19.2-32.746667 42.133333-58.773333 48.533333-57.28 17.92-117.546667 2.453333-172.48-16-1.386667-10.24-4.266667-30.826667-5.653333-41.173333l4.16-5.12c4.48-5.44 13.44-16.426667 17.92-21.866667z" fill="#F3945A" p-id="2114"></path><path d="M732.053333 554.133333c11.093333-33.066667 48.213333-45.866667 79.253334-52.053333 47.68-10.24 96.213333 3.626667 138.026666 26.346667 3.306667 1.6 9.813333 4.8 13.12 6.4l2.56 7.466666c5.546667 88.213333-33.92 173.973333-84.693333 244.16-2.133333-11.626667-4.586667-23.146667-7.253333-34.56 28.266667-48.426667 51.413333-99.733333 66.453333-153.92-53.12 16.106667-112.533333 27.946667-165.44 4.693334-19.306667-8.853333-42.666667-24.746667-42.026667-48.533334m60.906667-16.853333c-15.893333 8.426667-7.893333 27.733333-9.493333 41.92 38.826667 12.693333 86.933333 24.32 121.28-5.653333 15.68-10.346667 9.066667-36.373333-8.533334-40.426667-32.533333-10.986667-72.64-13.44-103.253333 4.16z" fill="#F2A861" p-id="2115"></path><path d="M106.986667 555.84c29.013333-30.933333 71.573333-30.506667 110.72-30.4 4.16 6.4 8.533333 12.586667 13.12 18.56l11.733333 11.733333c-21.76 15.04-42.986667 38.933333-72.106667 34.56-26.453333 1.066667-46.72-16.32-63.466666-34.453333z" fill="#ED8639" p-id="2116"></path><path d="M230.826667 544c15.466667-13.973333 33.173333-27.413333 55.466666-24 3.733333 6.933333 11.413333 20.693333 15.146667 27.626667l-9.386667 11.52c-16.533333-0.64-33.066667-1.6-49.493333-3.413334l-11.733333-11.733333z" fill="#818180" p-id="2117"></path><path d="M605.226667 542.4c9.066667-27.093333 37.226667-25.813333 60.48-23.36 1.28 7.786667 3.733333 23.146667 5.013333 30.933333l0.32 2.346667c-22.186667 4.16-48.533333 9.173333-65.813333-9.92z" fill="#8B8A84" p-id="2118"></path><path d="M792.96 537.28c30.613333-17.6 70.72-15.146667 103.253333-4.16 17.6 4.053333 24.213333 30.08 8.533334 40.426667-34.346667 29.973333-82.453333 18.346667-121.28 5.653333 1.6-14.186667-6.4-33.493333 9.493333-41.92z" fill="#EC973B" p-id="2119"></path><path d="M141.44 780.586667c11.946667-71.36 83.626667-133.12 157.44-122.453334 33.28 4.906667 52.373333 35.733333 78.506667 53.44 27.2-1.386667 52.373333-14.506667 79.68-15.68 21.973333 2.986667 36.906667 21.653333 53.013333 35.2-3.84 22.08-1.92 50.56-24.533333 63.466667-28.693333 14.613333-62.186667 14.293333-92.16 25.493333-18.666667 28.053333-25.066667 62.933333-43.413334 91.626667-10.133333 2.56-20.266667 5.226667-30.4 7.786667-32.426667 0.426667-64.746667-1.386667-97.173333-2.56l16.64-13.226667c-5.44 1.386667-16.32 4.266667-21.76 5.653333l-5.973333 1.6c-48.746667-24.213333-78.613333-75.626667-69.866667-130.346666m66.026667-73.493334c-40.426667 33.173333-60.373333 95.36-33.6 142.72 30.613333 46.293333 94.08 62.613333 145.92 48 37.44-9.6 35.413333-55.146667 46.72-84.693333-23.786667-11.2-69.866667-7.786667-71.68-41.6 56.213333 27.52 124.373333 31.68 180.693333 2.88 35.093333-20.053333-4.373333-71.253333-35.306667-56.213333-28.693333 9.066667-58.56 19.946667-88.533333 9.493333-20.373333-8.213333-55.04-3.52-60.48-30.826667 12.693333 2.453333 38.186667 7.466667 50.986667 10.026667-32.213333-43.946667-99.093333-33.706667-134.72 0.213333zM669.44 698.666667c18.24-17.493333 40.106667-35.306667 66.986667-34.133334 58.773333-3.2 109.76 37.866667 136.64 87.36 2.666667 11.413333 5.12 22.933333 7.253333 34.56 15.68 58.24-23.68 114.986667-77.973333 133.866667-29.76 8-60.693333 9.706667-91.306667 8.853333-1.28-0.426667-3.946667-1.28-5.226667-1.813333-12.8-5.12-25.386667-10.453333-38.186666-15.573333-12.16-27.413333-18.56-57.813333-35.52-82.88-29.333333-17.6-68.906667-8.533333-96.96-29.333334-19.2-13.973333-15.68-40.64-22.613334-60.906666 16.96-11.84 31.36-30.4 52.693334-34.453334 28.906667-0.853333 56 10.986667 83.733333 17.493334 6.613333-7.786667 13.44-15.466667 20.48-23.04m12.906667 14.186666c18.24-0.853333 39.146667-12.373333 55.04 2.453334-31.36 11.946667-63.893333 22.08-97.6 24.213333-30.08 1.173333-61.546667-29.866667-89.493334-7.68-19.733333 10.346667-21.333333 40.533333-0.853333 51.093333 57.066667 26.24 124.266667 24.106667 180.266667-4.48-2.453333 35.413333-48.32 31.04-73.173334 41.493334 8.32 25.173333 13.44 52.053333 27.306667 74.986666 67.84 43.84 190.08-4.906667 178.026667-94.933333-0.96-82.24-116.906667-156.48-179.52-87.146667z" fill="#FF9803" p-id="2120"></path><path d="M207.466667 707.093333c35.626667-33.92 102.506667-44.16 134.72-0.213333-12.8-2.56-38.293333-7.573333-50.986667-10.026667 5.44 27.306667 40.106667 22.613333 60.48 30.826667 29.973333 10.453333 59.84-0.426667 88.533333-9.493333 30.933333-15.04 70.4 36.16 35.306667 56.213333-56.32 28.8-124.48 24.64-180.693333-2.88 1.813333 33.813333 47.893333 30.4 71.68 41.6-11.306667 29.546667-9.28 75.093333-46.72 84.693333-51.84 14.613333-115.306667-1.706667-145.92-48-26.773333-47.36-6.826667-109.546667 33.6-142.72zM682.346667 712.853333c62.613333-69.333333 178.56 4.906667 179.52 87.146667 12.053333 90.026667-110.186667 138.773333-178.026667 94.933333-13.866667-22.933333-18.986667-49.813333-27.306667-74.986666 24.853333-10.453333 70.72-6.08 73.173334-41.493334-56 28.586667-123.2 30.72-180.266667 4.48-20.48-10.56-18.88-40.746667 0.853333-51.093333 27.946667-22.186667 59.413333 8.853333 89.493334 7.68 33.706667-2.133333 66.24-12.266667 97.6-24.213333-15.893333-14.826667-36.8-3.306667-55.04-2.453334z" fill="#FFE06E" p-id="2121"></path><path d="M510.08 731.093333c0.64 1.813333 1.813333 5.653333 2.453333 7.573334 6.933333 20.266667 3.413333 46.933333 22.613334 60.906666 28.053333 20.8 67.626667 11.733333 96.96 29.333334 16.96 25.066667 23.36 55.466667 35.52 82.88-96.213333 51.946667-219.946667 45.546667-317.653334-0.106667 18.346667-28.693333 24.746667-63.573333 43.413334-91.626667 29.973333-11.2 63.466667-10.88 92.16-25.493333 22.613333-12.906667 20.693333-41.386667 24.533333-63.466667z" fill="#FFCA73" p-id="2122"></path><path d="M217.28 909.333333c5.44-1.386667 16.32-4.266667 21.76-5.653333l-16.64 13.226667c32.426667 1.173333 64.746667 2.986667 97.173333 2.56l-11.84 3.413333c-28.48 10.88-58.133333 0-87.04-2.346667l-3.413333-11.2z" fill="#5C3D0A" opacity=".57" p-id="2123"></path><path d="M319.573333 919.466667c10.133333-2.56 20.266667-5.226667 30.4-7.786667 97.706667 45.653333 221.44 52.053333 317.653334 0.106667 12.8 5.12 25.386667 10.453333 38.186666 15.573333-123.093333 61.12-275.946667 57.173333-398.08-4.48l11.84-3.413333z" fill="#EFAA51" p-id="2124"></path><path d="M711.04 929.173333c30.613333 0.853333 61.546667-0.853333 91.306667-8.853333-28.8 14.186667-61.013333 25.706667-91.306667 8.853333z" fill="#2E1F03" opacity=".38" p-id="2125"></path></svg>
        </span>
      </el-carousel-item>
    </el-carousel>
    <!-- <el-button 
      circle
      class="icon-rota icon"
      icon='el-icon-refresh-right'
      @click="refresh"
    /> -->
    <cpttcard
      state="2"
      :cptts="NO_OVER"
      :loading="loading.NO_OVER"
      @refresh="GET_CPTT_NO_OVER"
      
    />
    <cpttcard
      state="3"
      :cptts="NO_GOING"
      :loading="loading.NO_GOING"
      @refresh="GET_CPTT_NO_GOING"
    />
  </div>
</template>

<script>
import { mapGetters,mapActions } from 'vuex'
import { getCptt } from '@/api/cpttApis'
import cpttcard from './modules/cpttcard'
export default {
  components:{cpttcard},
  data(){
    return{
      carouselHeight:200,
      NO_OVER:[],
      NO_GOING:[],
      loading:{
        NO_OVER:false,
        NO_GOING:false
      }
    }
  },
  async created(){
    this.GET_CPTT_NO_OVER()
    this.GET_CPTT_NO_GOING()
    this.resizeChart()
    window.addEventListener('resize', this.resizeChart)
  },
  destroyed() {
    window.removeEventListener('resize', this.resizeChart)
  },
  computed:{
    // ...mapGetters('cptt',['NO_GOING','NO_OVER','isAction'])
  },
  methods:{
    // ...mapActions('cptt',['getCptt']),
    ...mapActions(['GET_ADVER']),
    resizeChart(){
      this.carouselHeight = window.innerWidth/4 - 12.5
    },
    async GET_CPTT_NO_OVER(){
      this.loading.NO_OVER = true 
      const { cptts } = await getCptt({state:2}).catch(()=>{})
      this.NO_OVER = cptts
      await this.$nextTick()
      this.loading.NO_OVER = false
    },
    async GET_CPTT_NO_GOING(){
      this.loading.NO_GOING = true
      const { cptts } = await getCptt({state:3}).catch(()=>{})
      this.NO_GOING = cptts
      this.loading.NO_GOING = false
    },
  }
}
</script>

<style lang="scss" scoped>
  .el-carousel__item{
    display: flex;
    align-items: center;
    justify-content: center;
    span{
      font-size: 3rem;
      opacity: 0.5;
      display: flex;
      align-items: center;
      user-select: none;
    }
    &:nth-child(2n) {
      background-color: #99a9bf;
    }
    &:nth-child(2n+1) {
      background-color: #d3dce6;
    }
  }
</style>